{extend name="$LAYOUT_MOBILE_BASE" /}
{block name="title"}关联账号 - {__block__}{/block}
{block name="css"}
<link rel="stylesheet"  href="__MOBILE__/css/user.css?v={$v}">
{/block}
{block name="header"}
       <header style="background:#ffffff;" class="ui-header ui-header-positive wst-header">
       	   <i id="return" class="ui-icon-return" onclick="javascript:backLogin();"></i><h1 id="login-w">关联账号</h1>
       </header>
{/block}
{block name="footer"}
		{/* 大加载 */}
		<div class="ui-loading-block" id="Loadl">
		    <div class="ui-loading-cnt">
		        <i class="ui-loading-bright"></i>
		        <p id="j-Loadl">正在加载中...</p>
		    </div>
		</div>
{/block}
{block name="main"}
		{php}$mobileLoginTypeArr = explode(',',WSTConf('CONF.mobileLoginType'));{/php}
	  	<input type="hidden" value="{:WSTConf('CONF.pwdModulusKey')}" id="key" autocomplete="off">
      
      	{if in_array(2,$mobileLoginTypeArr) && $type==2}
      	<section class="ui-container" id="login2">
      	<div class="wst-lo-frame">
      	 	<div style='margin:0px auto;text-align:center;margin-top:0.16rem'>
      	    <img style='width:1.2rem;height:0.6rem;' src='__RESOURCE_PATH__/{:WSTConf('CONF.mallLogo')}'/>
            </div>
			<div class="frame">手机号<input id="regName" type="number" placeholder="手机号" maxlength="11"></div>
			{if(WSTConf('CONF.smsVerfy')==1)}
			<div class="verify phone"><div>图形验证码</div>
				<input id="smsVerfy" type="text" placeholder="输入验证码" maxlength="6">
				<img id='verifyImg3' src="{:url('mobile/users/getVerify')}" onclick='javascript:WST.getVerify("#verifyImg3")'>
			</div>
			{/if}
			<div class="verify phone"><div>短信验证码</div>
				<input id="phoneCode" type="text" placeholder="输入短信验证码" maxlength="8">
				<a class="send" href="javascript:obtainCode(2)">获取验证码</a>
			</div>
    	</div>
    	<div class="wst-lo-button">
			<button id="loginButton2" class="button" onclick="javascript:login2();">登录并绑定帐号</button>
		</div>
		<ul class="ui-row wst-lo-term">
		    <li class="ui-col ui-col-50">
		    	{php}if(in_array(1,$mobileLoginTypeArr)){{/php}<a href="{:addon_url('thirdlogin://thirdlogin/mobileBindLogin','type=1')}" class="term">账号登录</a>{php}}{/php}&nbsp;
		    </li>
	    </ul>
      	</section>
	  	{/if}
	  	{if in_array(1,$mobileLoginTypeArr) && $type==1}
      	<section class="ui-container" id="login1">
	      	<div class="wst-lo-frame">
	      	 	<div style='margin:0px auto;text-align:center;margin-top:0.16rem'>
	      	    <img style='width:1.2rem;height:0.6rem;' src='__RESOURCE_PATH__/{:WSTConf('CONF.mallLogo')}'/>
	            </div>
				<div class="frame">账号<input id="loginName" type="text" placeholder="请输入您的邮箱/账号"></div>
				<div class="frame"><div>密码</div><input id="loginPwd" type="password" placeholder="请输入您的密码" style='width:50%'><a href="{:url('mobile/users/forgetpass')}" style='float: right;color:#666666;line-height: 0.40rem;'>忘记密码</a></div>
				<div class="verify"><div>图形验证码</div>
					<input id="loginVerfy" type="text" placeholder="输入验证码" maxlength="10">
					<img id='verifyImg1' src="{:url('mobile/users/getVerify')}" onclick='javascript:WST.getVerify("#verifyImg1")'>
				</div>
	    	</div>
	    	<div class="wst-lo-button">
				<button id="loginButton" class="button" onclick="javascript:login();">登录并绑定帐号</button>
			</div>
			<ul class="ui-row wst-lo-term">
			    <li class="ui-col ui-col-50">
			    	{php}if(in_array(2,$mobileLoginTypeArr)){{/php}<a href="{:addon_url('thirdlogin://thirdlogin/mobileBindLogin','type=2')}" class="term">手机登录</a>{php}}{/php}&nbsp;
			    </li>
		    </ul>
      	</section>
      	{/if}

      	 
{/block}
{block name="js"}
<script type='text/javascript' src='__MOBILE__/js/jquery.min.js'></script>
<script type="text/javascript" src="__STATIC__/js/rsa.js"></script>
<script type='text/javascript' src='__ROOT__/addons/thirdlogin/view/mobile/index/login.js?v={$v}'></script>
{/block}